<template>
	<div class="sysw">
		<span class="top_totle">系统监控情况</span>
		<div class="top_count">
			<span class="sys_num">系统数量：<span>6</span></span>
			<div class="diy_search">
				<span class="search_word" >自定义搜索：</span>
			    <Select  class="vi_sele" >
			        <Option >设备888</Option>
			    </Select>
				<span class="fac_span" >工厂</span>
				 <Select  class="vi_sele" >
				        <Option >设备888</Option>
				 </Select>
				 <span class="fac_span" >系统</span>
				 <Button type="primary" shape="circle" icon="ios-search"></Button>
			</div>
		</div>
		
		<div class="conten_box">
			<Row class-name="space_row">
				<Col span="8">
					<Card  class="one_sys_box"  >
				        <p slot="title" style="height:32px ; line-height: 32px;">
				            	辽宁工厂/照明系统
				            	<Icon type="md-star-outline" class="star"/>
				        </p>			        
				        <ul class="sys_img_warp" >
				            <a href="/home/sysExampMod">
				            <img src="/static/img/factory_watch.png"/>
				            </a>
				        </ul>
				    </Card>	
				</Col>
				<Col span="8">
					<Card  class="one_sys_box"  >
				        <p slot="title" style="height:32px ; line-height: 32px;">
				            	辽宁工厂/照明系统
				            	<Icon type="md-star-outline" class="star"/>
				        </p>			        
				        <ul class="sys_img_warp" >
				            <a href="/home/sysExampMod">
				            <img src="/static/img/factory_watch.png"/>
				            </a>
				        </ul>
				    </Card>	
				</Col>
				<Col span="8">
					<Card  class="one_sys_box"  >
				        <p slot="title" style="height:32px ; line-height: 32px;">
				            	辽宁工厂/照明系统
				            	<Icon type="md-star-outline" class="star"/>
				        </p>			        
				        <ul class="sys_img_warp" >
				            <a href="/home/sysExampMod">
				            <img src="/static/img/factory_watch.png"/>
				            </a>
				        </ul>
				    </Card>	
				</Col>
			</Row>
			<Row class-name="space_row">
				<Col span="8">
					<Card  class="one_sys_box"  >
				        <p slot="title" style="height:32px ; line-height: 32px;">
				            	辽宁工厂/照明系统
				            	<Icon type="md-star-outline" class="star"/>
				        </p>			        
				        <ul class="sys_img_warp" >
				            <a href="/home/sysExampMod">
				            <img src="/static/img/factory_watch.png"/>
				            </a>
				        </ul>
				    </Card>	
				</Col>
				<Col span="8">
					<Card  class="one_sys_box"  >
				        <p slot="title" style="height:32px ; line-height: 32px;">
				            	辽宁工厂/照明系统
				            	<Icon type="md-star-outline" class="star"/>
				        </p>			        
				        <ul class="sys_img_warp" >
				            <a href="/home/sysExampMod">
				            <img src="/static/img/factory_watch.png"/>
				            </a>
				        </ul>
				    </Card>	
				</Col>
				<Col span="8">
					<Card  class="one_sys_box"  >
				        <p slot="title" style="height:32px ; line-height: 32px;">
				            	辽宁工厂/照明系统
				            	<Icon type="md-star-outline" class="star"/>
				        </p>			        
				        <ul class="sys_img_warp" >
				            <a href="/home/sysExampMod">
				            <img src="/static/img/factory_watch.png"/>
				            </a>
				        </ul>
				    </Card>	
				</Col>				
			</Row>
		    			    
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
@import url("sys_base.css");

.one_sys_box{ width: 524px; height:438px ;}
.star{font-size: 32px; line-height: 32px; float: right;}
.sys_img_warp img{ width: 100%; height: 100%;}
.sys_img_warp{ width: 100%; height:344px ;}
.space_row{margin-bottom: 10px}
.space_row:last-child{margin-bottom: 0}
</style>